<template>
	<view>
	    <image class="background-img" src="../../../static/logo.jpg"></image>
		<view class="uni-uploader-img" @tap="chooseImage">
			<uni-icons class="img-icon" type="camera" size="100"></uni-icons>
			<view class="img-text">上传舌像</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			chooseImage() {
				uni.chooseImage({
					count: 1,
					sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
					sourceType: ['camera', 'album'], //从相册选择
					success: (res) => {
						console.log(JSON.stringify(res.tempFilePaths));
						this.imageList = this.imageList.concat(res.tempFilePaths);
					}
				});
			}
		}
	}
</script>

<style lang="scss" scope>
	.background-img {
		width: 750rpx;
		height: 750rpx;
		border-bottom: #ffffff solid 690rpx;
	}
	.uni-uploader-img {
		width: 300rpx;
		height: 300rpx;
		position: absolute;
		top: 245rpx;
		left: 225rpx;
		border-radius: 50%;
		box-shadow: 5rpx 5rpx 5px #888888;
		background-color: #828282;
		flex-direction: column;
		.img-icon {
			position: absolute;
			top: 40rpx;
			left: 60rpx;
		}
		
		.img-text {
			position: absolute;
			left: 100rpx;
			top: 210rpx
		}
	}	
</style>
